<html>
<!DOCTYPE html>
<html lang="zh-CN">
<head>
    <meta charset="utf-8">
    <meta http-equiv="X-UA-Compatible" content="IE=edge">
    <meta name="viewport" content="width=device-width, initial-scale=1">
    <!-- The above 3 meta tags *must* come first in the head; any other head content must come *after* these tags -->
    <title>微课-课程介绍</title>
	<link href="../../css/bootstrap.min.css" rel="stylesheet">
    <link href="../../css/basic.css" rel="stylesheet">
    <link href="../../css/common.css" rel="stylesheet">
    <link href="../../css/theme.css" rel="stylesheet">
    <link rel="stylesheet" type="text/css" href="../../css/component.css" />
        
<style>




</style>
        
        <!--必要样式-->
<link href="../../css/ProgressBarWars.css" rel="stylesheet" />
<script src="../../js/common/jquery.min.js" type="text/javascript"></script>
<script src="../../js/common/ProgressBarWars.js"></script>
<!--[if lt IE 9]>
  <script src="../../js/common/html5shiv.min.js"></script>
  <script src="../../js/common/respond.min.js"></script>
<![endif]-->

<script src="../../js/common/modernizr.custom.js"></script>
<script type="text/javascript">
var _gaq = _gaq || [];
_gaq.push(['_setAccount', 'UA-7243260-2']);
_gaq.push(['_trackPageview']);
(function() {
var ga = document.createElement('script'); ga.type = 'text/javascript'; ga.async = true;
ga.src = ('https:' == document.location.protocol ? 'https://ssl' : 'http://www') + '.google-analytics.com/ga.js';
var s = document.getElementsByTagName('script')[0]; s.parentNode.insertBefore(ga, s);
})();



</script>
<body>
	<!--顶部导航-->
	<nav class="navbar navbar-default navbar-fixed-top navbar-inverse" role="navigation">
        <div class="container-fluid">
            <!-- Brand and toggle get grouped for better mobile display -->
            <div class="navbar-header">
              <button type="button" class="navbar-toggle collapsed" data-toggle="collapse" data-target="#demo-navbar">
                <span class="sr-only">Toggle navigation</span>
                <span class="icon-bar"></span>
                <span class="icon-bar"></span>
                <span class="icon-bar"></span>
              </button>
              <a class="navbar-brand" href="index.html" style="font-size:26px">微课</a>
            </div>
    
        	<!-- Collect the nav links, forms, and other content for toggling -->
            <div class="collapse navbar-collapse" id="demo-navbar">
              <ul class="nav navbar-nav menu">
                <li class="active"><a href="course_list.html">课程</a></li>
                <li class="dropdown"><a href="#">个人中心</a>
                    <ul class="submenu">
                        <li><a href="personal_center.html">我的信息</a></li>
                        <li><a href="center_mycourse.html">我的课程</a></li>
                        <li><a href="center_myhomework.html">我的作业</a></li>
                        <li><a href="center_myquestion.html">我的问答</a></li>
                    </ul>
                </li>
                <li class="dropdown"><a href="#">账号设置</a>
                    <ul class="submenu">
                        <li><a href="modify_myinfo.html">修改信息</a></li>
                        <li><a href="modify_pwd.html">修改密码</a></li>
                        <li><a href="#" data-toggle="modal" id="logout">退出登录</a></li>
                    </ul>
                </li>
              </ul>
         
             
              <form class="navbar-form navbar-right toprit-bar" role="search">
                  <div class="pull-right white hidden">
                      <button type="button" class="btn btn-primary btn-block">登录</button>
                  </div>
                 <div class="pull-right white welcome">
                     <p class="form-control-static">欢迎你，<a href="personal_center.html" id="student_name"></a></p>
                  </div>
                

                  <div class="form-group pull-right webdesigntuts-workshop">		    
                        <input type="search" placeholder="请输入要搜索的课程">		    	
                        <a class="btn" href="search_result.html" id="search-btn" role="button">搜索</a>
                  </div>
              </form>
        
            </div><!-- /.navbar-collapse -->
      	</div><!-- /.container-fluid -->
	</nav>
    
    
    		<div class="container">
            	<div class="page-header text-center">
                    <h2><span id="course_name"></span><small id="teacher_name"></small></h2>
                    <article class="container">
                        <div class="content">
                            <div class="progress" id="obiTime"></div>
                            <script>
                                $("#obiTime").ProgressBarWars({porcentaje:100,estilo:"obi",tiempo:1000});
                            </script>
                        </div>
                    </article>
                </div>
            
            
                <section>
                    <div class="cl-effect-2" id="cl-effect-2">
                        <a href="javascript:class_introduction.insertCourse();"><span data-hover="加入课程">加入课程</span></a>
                    </div>
                </section>
                
                
                <article class="">
                    <h2 class=" mb20">课程介绍</h2>
                    <p id="course_describe"></p>
                
                </article>
                
               

		</div><!-- /container -->
		
        
<!--退出登录弹框-->  
<div class="modal fade" id="exit" tabindex="-1" role="dialog" aria-labelledby="modal-label" aria-hidden="true">
    <div class="modal-dialog">
        <div class="modal-content">
            <div class="modal-body">
                <p class="lead">确定要退出？？</p>
            </div>
            <div class="modal-footer">
                 <a class="btn btn-default pull-left btn-primary btn-lg" href="../login.html" role="button">我确定</a>
                <button type="button" class="btn btn-default pull-right btn-lg" data-dismiss="modal">闹着玩</button>
            </div>
        </div>
    </div>
</div>        
        
    <script src="../../js/common/bootstrap.min.js"></script>
    <!-- sweet alert -->
	<link href="../../css/sweet-alert.css" rel="stylesheet" />
	<script src="../../js/common/sweet-alert.js"></script>
	<!-- common -->
	<script src="../../js/common/maskUtil.js"></script>
	<script src="../../js/common/student.js"></script>
	<script src="../../js/common/commonAjax.js"></script>
    <script type="text/javascript" src="../../js/home/class_introduction.js"></script>
    <script>
		$(function(){
			class_introduction.init();
		})
	</script>
  </body>
</html>